<template>
	<view style="width: 100vw;">
		<view>{{title}}</view>
		<view class="list">
			<view class="list_one" v-for="item in list" :key="item._id">
				<image :src="'http://127.0.0.1:3000'+item.Cpic" mode=""></image>
				<view class="cname">{{item.Cname}}</view>
				<view class="cdes">{{item.Cdescribe}}</view>
			</view>
		
		</view> 
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String
			},
			list:{
				type:Array
			}
		}
	}
</script>

<style lang="scss">
	.list{
		width: 100%;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		.list_one{
			width: 45%;
			height: 200px;
			margin-top:10px;
			image{
				width: 100%;
				height: 160px;
			}
			.cname{
				font-size: 20px;
				
			}
			.cdes{
				color:gray;
			}
		}
	}
</style>